<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>朋友圈</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">

    <link rel="stylesheet" href="../assets/css/amazeui.min.css?v=2.9">
    <link rel="stylesheet" href="../assets/css/style.css?v=2.3">
    <link rel="stylesheet" href="../assets/css/index.css?v=2.3">
    <link rel="stylesheet" href="../assets/css/extend.css?v=2.3">
    <link rel="stylesheet" href="../assets/css/icons.css?v=2.3">
</head>
<body class="bg-gray">
<header data-am-widget="header" class="am-header am-header-default am-header-fixed ">

    <div class="am-header-left am-header-nav">
        <a onclick="history.go(-1)" class="widht-10s">
            <i class="icon_8"></i>
        </a>
    </div>
    <h1 class="am-header-title">
        陈总的动态
    </h1>


</header>
<section class="" id="amz-main" data-tag="css-nav">
    <div class="tixian-top-me  font-color-white prelative">
        <div class="am-padding-top-lg">
            <div class="am-benj">
                <div class="bg-white font-14 am-padding-left-sm am-padding-top-sm am-padding-bottom-sm  prelative am-listborder">
                    <div class="box ">
                        <div class="am-me-w80"><img src="../assets/images/uploads/tu_8.png" class="am-img-responsive border-circle"></div>
                        <div class="box-1">
                            <div class="box-1 am-margin-left-sm am-margin-left-90">
                                <div class="font-color-2 am-margin-top-xs font-18">冯冯</div>
                                <div class="font-color-2 font-14">招商经理</div>
                            </div>
                        </div>
                        <div class=" am-margin-right-sm    am-for-bg minpc">
                            <div class=" font-color-white font-14 margin-top-2 border-radius-50 am-padding-left-sm am-padding-right-sm" v-on:click='openCard'>进入TA的名片</div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <div id="list">
        <ul>
            <li>
                <div class="po-avt-wrap">
                    <img class="po-avt data-avt" src="../assets/images/uploads/pyq_03.png">
                </div>
                <div class="po-cmt">
                    <div class="po-hd">
                        <p class="po-name friend-mar0"><span class="data-name">某某科技~贾素杰</span></p>
                        <div class="post">
                            <p class="friend-mar0">大家好，听说国内冻成狗🐶？我这边还挺热～</p>
                            <p class="friend-mar0">
                                <img class="list-img" src="../assets/images/uploads/0.jpg" style="height: 100px;">
                                <img class="list-img" src="../assets/images/uploads/0.jpg" style="height: 100px;">
                                <img class="list-img data-avt" src="../assets/images/uploads/0.jpg" style="height: 100px;">
                            </p>
                        </div>
                        <p class="time friend-mar0">刚刚<span class="am-padding-left-xl am-color-blue">删除</span></p><img class="c-icon" src="../assets/images/icons/c.png">
                    </div>
                    <div class="r"></div>
                    <div class="cmt-wrap">
                        <div class="like"><img src="../assets/images/icons/l.png">小华，陈陈，杨幂，王思聪，李易锋，刘德华，马云...</div>
                        <div class="cmt-list">
                            <p class="friend-mar0"><span>wu世勋-EXO：</span>나는 서명～</p>
                            <p class="friend-mar0"><span>鹿晗：</span>我们在国内冻成狗，我也想跟哥您去热热～</p>
                            <p class="friend-mar0"><span>权志龙：</span>나는 서명～</p>
                            <p class="friend-mar0"><span>王思聪：</span>去哪玩啊？那么爽</p>
                            <p class="friend-mar0">
                                <span class="data-name">某某科技~贾素杰</span>
                                回复
									<span>
										王思聪
									</span>
									<span>
										：
									</span>
                                澳洲大堡礁，这边刚好是夏季，挺适合避寒的。
                            </p>
                            <p class="friend-mar0"><span>杨幂：</span>😘私人飞机出行，求带上我～</p>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="po-avt-wrap">
                    <img class="po-avt" src="../assets/images/uploads/pyq_03.png">
                </div>
                <div class="po-cmt">
                    <div class="po-hd">
                        <p class="po-name friend-mar0">
                            范冰冰
                        </p>
                        <p class="post friend-mar0">
                            我的生日趴，你为什么不来
                            <img class="data-avt" src="../assets/images/uploads/0.jpg">
                        </p>
                        <p class="time friend-mar0">
                            52分钟前<span class="am-padding-left-xl am-color-blue">删除</span>
                        </p>
                        <img class="c-icon" src="../assets/images/icons/c.png">
                    </div>
                    <div class="r">
                    </div>
                    <div class="cmt-wrap">
                        <div class="like">
                            <img src="../assets/images/icons/l.png">
                            <b class="data-name">某某科技~贾素杰</b>
                            ，李晨，李治廷，黎明...
                        </div>
                        <div class="cmt-list">
                            <p class="friend-mar0">
									<span>
										李晨：
									</span>
                                呵呵。
                            </p>
                            <p  class="friend-mar0">
                                <span class="data-name">某某科技~贾素杰</span>
									<span>
										：
									</span>
                                最近忙，就酱。
                            </p>
                        </div>
                    </div>
                </div>
            </li>

            </ul>
        </div>

</section>

<footer data-am-widget="navbar" class="am-navbar am-cf am-navbar-default ">
    <ul class="am-navbar-nav am-cf am-avg-sm-4">
        <li>
            <a href="index.html" class="">
                <img src="../assets/images/icons/mp.png"
                     alt="首页"/>
                <span class="am-navbar-label">名片</span>
            </a>
        </li>
        <li>
            <a href="14.html" class="selected">
                <img src="../assets/images/icons/friend_on.png"
                     alt="商品"/>
                <span class="am-navbar-label">朋友圈</span>
            </a>
        </li>

        <li>
            <a href="17.html" class="">
                <img src="../assets/images/icons/product.png"
                     alt="推广助手"/>
                <span class="am-navbar-label">产品</span>
            </a>
        </li>
        <li>
            <a href="31.html" class="">
                <img src="../assets/images/icons/company.png"
                     alt="个人中心"/>
                <span class="am-navbar-label">公司</span>
            </a>
        </li>
    </ul>
</footer>



<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/amazeui.min.js"></script>
<script src="https://cdn.bootcss.com/vue/2.2.2/vue.min.js"></script>
<script>
    var userid=1;
    var page={
        "page_num": '1',
        "page_size": '3'
    };
    $(function(){
        //获取所有朋友圈
        $.ajax({
            type: 'get',
            url: 'http://127.0.0.1:9001/push/v3.0/mini/card/'+userid,
            contentType:'application/json',
            success: function (data) {
                //注册vue
                new Vue({
                    el:"#amz-main",
                    data:{
                        staffInfo:data
                    },
                    methods:{
                        openCard:function(){
                            window.location.href="C:/Users/kk/Desktop/销售端-html/销售端-html/名片/名片.html?userid="+userid;
                        }
                    }


                })
            }
        });
    })


</script>
</body>
</html>